.complex_gantt_bar {
  background: transparent;
  border: none;
}

.complex_gantt_bar .gantt_task_progress {
  display: none;
}
.gantt_tooltip {
  border-radius: 7px;
  font-size: 12px;
}
.tooltip_p {
  // line-height: 30px;
  // text-align: right;
  color: #666;
  b {
    text-align: left;
  }
}
.dblock {
  display: inline-block;
}
.gantt_popup_title {
  font-size: 15px !important;
}
.gantt_tree_content {
  position: relative;
}
.gantt_task_content {
  overflow: visible;
}
.executio_btn {
  vertical-align: middle;
  cursor: pointer;
  font-size: 12px;
  color: #1f63ff;
}
.zhibiao {
  word-wrap: break-word;
  display: block;
  line-height: 15px;
  width: 100%;
  white-space: break-spaces;
  font-size: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.gantt_task_cell.week_end {
  // background-color: #eff5fd;
  background-color: rgba(253, 121, 168, 0.05);
}
.wheat_color {
  background-color: #f8ec9c;
}
.gantt_task_row.gantt_selected .gantt_task_cell.week_end {
  background-color: #f8ec9c;
}
.comment_box {
  border: 1px solid #000;
  border-radius: 3px;
  width: 98%;
  height: 30px;
}
.xh-radio-switch {
  display: flex;
  justify-content: flex-end;
}

.add-item {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-size: cover;
}

.gantt_add,
.gantt_grid_head_add {
  background-image: url(@/assets/images/add.png);
}

/* 进度盒 */
// .progress {
//   display: flex;
//   justify-content: center;
//   align-items: center;
//   width: 43px;
//   height: 20px;
//   border-radius: 5px;
//   font-size: 12px;
//   padding: 3px;

//   &-success {
//     background: rgba(63, 200, 114, 0.15);
//     color: #67d390;
//   }

//   &-todo {
//     background: #dfe1e6;
//     color: #84526e;
//   }

//   &-doing {
//     background: rgba(0, 133, 255, 0.15);
//     color: #0085ff;
//   }
// }

/* orange */

/* background color of task bars*/
.orange {
  background-color: #f8ec9c !important;
  border: none;
}

/* text color */
.orange .gantt_task_content {
  color: brown !important;
}

/* progress fill */
.orange .gantt_task_progress {
  background: orange !important;
}

/* red */

/* background color of task bars*/
.red {
  background-color: rgb(254, 241, 241) !important;
  border: none;
}

/* text color */
.red .gantt_task_content {
  color: brown !important;
}

/* progress fill */
.red .gantt_task_progress {
  background: rgb(248, 155, 155) !important;
}

/* blue */

/* background color of task bars*/
.blue {
  background-color: rgb(68, 138, 255) !important;
  border: none;
}

/* text color */
.blue .gantt_task_content {
  color: #fff !important;
}

/* progress fill */
.blue .gantt_task_progress {
  background: #1976d2 !important;
}

/* grey */

/* background color of task bars*/
.grey {
  background-color: #f7f8ff !important;
  border: none;
}

/* text color */
.grey .gantt_task_content {
  color: #000 !important;
}

/* progress fill */
.grey .gantt_task_progress {
  background: #e5e5e5 !important;
}

/* green */

/* background color of task bars*/
.green {
  background-color: rgb(29, 233, 182) !important;
  border: none;
}

/* text color */
.green .gantt_task_content {
  color: darkslategrey !important;
}

/* progress fill */
.green .gantt_task_progress {
  background: rgb(29, 233, 182) !important;
}

/* task */

/* background color of task bars*/
.gantt_task_line {
  background-color: rgb(68, 138, 255);
  border: none;
  border-radius: 5px;
}

/* text color */
.gantt_task_line .gantt_task_content {
  color: #fff;
}

/* progress fill */
.gantt_task_progress {
  background: #1976d2;
}

/* project */
/* background color of project bars*/
.gantt_task_line.gantt_bar_project {
  background-color: rgb(29, 233, 182);
  border: none;
  border-radius: 5px;
  .gantt_task_content {
    color: darkslategrey;
  }
}

/* progress of project bars */
.gantt_task_line.gantt_bar_project .gantt_task_progress {
  background-color: rgb(25, 198, 155);
}

/* milestone */
.gantt_task_line.gantt_milestone {
  background-color: #ab47bc;
  border: 0 solid #61164f;
}
.progress_value {
  font-family: DINAlt;
  // color: #fff;
  // float: left;
  // font-size: 11px;
  // margin-left: 10px;
}

.gantt_cal_light {
  height: auto !important;
  .gantt_section_time .gantt_time_selects select {
    height: 27px;
    border-radius: 4px;
  }
  .gantt_cal_lsection {
    font-size: 14px;
    font-weight: 400;
    padding: 12px 0 3px 15px;
  }
  .gantt_cal_ltext {
    padding: 2px 15px;
    overflow: hidden;
  }
  .gantt_section_time {
    padding: 2px 15px;
  }
  .gantt_duration {
    height: 27px;
    line-height: 27px;
  }
  .gantt_cal_larea {
    height: auto !important;
    padding-bottom: 10px;
  }
  .gantt_btn_set {
    margin: 10px;
  }
  .gantt_cal_ltitle {
    font-size: 15px;
    padding: 12px 10px;
    font-weight: 400;
    .gantt_time {
      font-weight: 400;
    }
  }
  .gantt_cal_ltext textarea {
    border-radius: 4px;
    line-height: 26px;
    padding-left: 6px;
    font-size: 14px;
  }

  .gantt_btn_set.gantt_save_btn_set {
    background: var(--el-color-primary);
    text-shadow: none;
  }
  .gantt_btn_set.gantt_delete_btn_set {
    text-shadow: none;
    background-color: var(--el-color-danger-light-9);
    color: var(--el-color-danger);
    border-color: var(--el-color-danger);
  }
  .gantt_delete_btn {
    background-image: url(@/assets/images/delete.png);
  }
  .gantt_save_btn {
    background-image: url(@/assets/images/yes.png);
  }
  .gantt_cancel_btn {
    margin-top: 1px;
    background-image: url(@/assets/images/cancel.png);
  }
}
.gantt_tree_icon.gantt_close,
.gantt_tree_icon.gantt_open {
  background-position-y: 8px;
}
// .gantt_tree_icon.gantt_open {
//   background-image: url(../../assets/images/open.png);
// }
.gantt_grid_head_cell,
.gantt_scale_cell {
  color: #909399 !important;
}
.gantt_task_scale {
  background-color: #f5f7fa;
}
.gantt_grid_scale .gantt_grid_head_cell {
  background-color: #f5f7fa;
}
.gantt_layout_cell_border_bottom {
  border-bottom: 1px solid #ebebeb;
}
.gantt_layout_cell_border_top {
  border-top: 1px solid #ebebeb;
}
.gantt_layout_cell_border_right {
  border-right: 1px solid #ebebeb;
}
.gantt_layout_cell_border_left {
  border-left: 1px solid #ebebeb;
}
.gantt_grid_scale,
.gantt_task_scale {
  border-bottom: 1px solid #ebebeb;
}
.gantt_scale_line {
  border-top: 1px solid #ebebeb;
}
